<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no"/>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<title>我的已支付订单</title>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script src="/js/plugins/jrender/jrender.min.js"></script>
<script type="text/javascript" src="js/shopping.js"></script>
<link type="text/css" rel="stylesheet" href="css/base.css" />
<link type="text/css" rel="stylesheet" href="css/module.css"/>
<script src="/js/common.js"></script>
</head>
<script>
	$(function () {

	    //获取登录用户的信息
        var user = JSON.parse(sessionStorage.getItem("user"));

	    //查询出商品详细信息
        $.get("/shop/" + user.id, function (data) {
            $(".shop-group-item").renderValues({list: data});
            console.log(data);
		});
    });
</script>
<body>
<!--头部开始-->
<div class="header">
	<h1>我的订单</h1>
	<a href="javascript:history.go(-1);" class="back"><span></span></a>
	<a href="#" class=""></a>
</div>
<!--头部结束-->
<div class="shopping">
	
	<div class="shop-group-item">
		<div class="shop-name">
			<input type="checkbox" class="check goods-check shopCheck">
			<h4><a href="#">积分兑换</a></h4>
			<div class="coupons"><span>领券</span><em>|</em><span>编辑</span></div>
		</div>
		<ul render-loop="list">
			<li>
				<div class="shop-info">
					<input type="checkbox" class="check goods-check goodsCheck">
					<div class="shop-info-img"><a href="#"><img render-src="list.article.picUrl" /></a></div>
					<div class="shop-info-text">
						<h4 render-html="list.article.articleName"></h4>
						<!--<div class="shop-brief"><span>重量:3.3kg</span><span>颜色:标配版</span><span>版本:13.3英寸</span></div>-->
						<div class="shop-price">
							<div class="shop-pices">￥<b class="price" render-html="list.article.price"></b></div>
<!--
							<div class="shop-pices">￥<b class="price" render-html="list.article.price"></b></div>
-->
							<i class="shop-arithmetic">
								<!--<a href="javascript:;" class="minus">-</a>-->
								数量:<span class="num" render-html="list.number">1</span>
								<!--<a href="javascript:;" class="plus">+</a>-->
							</i>
						</div>

					</div>

				</div>
			</li>
		</ul>
		<div class="shopPrice">本单总计：￥<span class="shop-total-amount ShopTotal" render-html="list.totalCost">0.00</span></div>
	</div>
</div>

<div class="payment-bar">
	<div class="all-checkbox"><input type="checkbox" class="check goods-check" id="AllCheck">全选</div>
	<div class="shop-total">
		<strong>总价：<i class="total" id="AllTotal">0.00</i></strong>
	</div>
	<button class="settlement">结算</button>
	<!--<a href="#" class="settlement">结算</a>-->
</div>
</body>
</html>
